@charset "utf-8";
/* CSS Document */


* {margin:0; padding:0; list-style:none; }
html{_background:url(about:blank);background-attachment:fixed;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,
button,input,textarea,th,td{margin:0;padding:0;}
body{ background:#fff; color:#444; font-size:14px; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:30px;}
ul,li{list-style:none;}
input,textarea,button,select{font-size:14px; outline:none; resize:none; color:#444; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}
button{cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}
.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}

a{color:#444; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}
a:hover{color:#974628; text-decoration:none;}
img{border:none;}
#clear{width:100%; height:0px; clear:both;}
h2{ font-size:24px; font-weight:blod; line-height:30px;}
h4{ font-size:14px; font-weight:blod; line-height:30px;}
p{line-height:30px;}




.top{width:100%; height:90px; background:#fff; margin:0 auto; position:fixed; z-index:999; top:0; left:0; box-shadow:0px 5px 6px rgba(0,0,0,0.1);}
.topttt{width:100%; height:90px;}

.topc{width:95%; height:90px; max-width: 1300px; margin:0 auto; position:relative;}


.topcl{width:; height:90px; float:left;}
.topcl img{width:; height:90px;}
.topcc{width:800px; height:90px; float:right;}




.top_tel{ width:170px; height:90px; float:right; line-height:95px; color:#eb8635; font-size: 20px; font-family:Arial, Helvetica, sans-serif;}
.top_tel i{color:#444; margin-right:8px;}



.swp{width:340px; height:60px; position:absolute; top:48px; left:550px; z-index:1; overflow:hidden;}
.ss1{width:286px; height:46px; line-height:46px; margin:0; padding:0; background:#fff; border:#1b64b2 2px solid; border-right:none; text-indent:20px; font-size:14px; color:#888;}







.banner_tx{width:1200px; height:500px; z-index:98; position:absolute; top:390px; left:50%; margin-left:-600px;}




/*menu*/
.menu { display:block; width:100%; background:#fff; margin:0 auto; height:70px;}

#nav {display:block; width:100%; height:70px; padding-top:10px;}
#nav .mainlevel {float:left; text-align:center; display:block; position:relative; z-index:999999}
#nav .mainlevel a{ text-decoration:none; width:; padding:0px 25px 0px 25px; text-align:center; line-height:70px;  color:#555; height:70px; display:block; font-size:16px; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; z-index:99999; border-radius:5px;}
#nav .mainlevel a:hover {color:#12559c; background:#edeff1; text-decoration:none; z-index:999}

#nav .mainlevel ul {position:absolute; display:none; margin-left:-40px; background:#fff url(../images/aabg_20.png) top center no-repeat; margin-top:-1px; padding:10px 20px 20px 20px; z-index:9999; -moz-box-shadow:0px 2px 10px #E3E3E3; -webkit-box-shadow:0px 2px 10px #E3E3E3; box-shadow:0px 2px 10px #E3E3E3;}
#nav .mainlevel li {}
#nav .mainlevel li a {padding:0px; width:150px; text-align:center; color:#555; border-bottom:#e5e5e5 1px dotted; font-size:14px; text-indent:0px; line-height:45px; height:45px; display:block; -webkit-transition:all 0s ease-out;-moz-transition:all 0s ease-out;-o-transition:all 0s ease-out;transition:all 0s ease-out;}
#nav .mainlevel li a:hover { text-decoration:underline; color:#e10000; text-decoration:none; background:none;}







.con1{width: 100%; padding: 60px 0px 80px 0px;}
.con1c{width: 1300px; margin:0 auto; padding-top: 40px;}
.con1c ul li{display: block; width: 25%; float: left;}
.con1c ul a{display: block; width: 95%; margin: 0 auto; height: 500px; position: relative; color: #fff;}
.con1c ul .c11{width: 100%; height: 500px; position: absolute; top: 0; left: 0; z-index: 1; background: url(../img/6541.png) center top no-repeat; box-sizing: border-box; padding: 60px 40px 0px 40px;}
.con1c ul .c11 h2{font-size: 24px; line-height: 50px; font-weight: bold;}
.con1c ul .c11 h4{font-size: 12px; line-height: 30px; font-weight:  normal; opacity: 0.6; text-transform: uppercase; font-family: arial;}

.c11m{width:48px;height: 48px; margin-top: 260px; background: #0d4da1; text-align: center;line-height: 48px; font-size: 16px; color: #fff; transition: 0.3s; overflow: hidden;}

.c11m .k1{width: 48px; height: 48px; float: left ; transition: 0.3s;}
.c11m .k2{width: 130px; height: 48px; float:right; padding-left: 30px; text-align: center; transition: 0.3s;}

.con1c ul a:hover .c11m{width:208px;height: 48px; background: #ee0000; }

.con1c ul a:hover  .k1{ float:right;}
.con1c ul a:hover  .k2{ float:left;}















/*合作伙伴*/
.cont33{ width: 100%; padding: 60px 0px 70px 0px; background: #fefefe url("../img/abin_11.jpg") bottom center no-repeat; background-size: cover;}
.warp1{ width: 90%; margin: 0 auto; max-width:1300px; height:auto; margin:0 auto; padding: 30px 0px 0px 0px;}
.warp1 li{ width:25%; float:left; margin-bottom:10px; box-sizing:border-box; padding:0px; }


.warp1 li a{transition:0.5s;}

.warp1 a{display:block; width:97%; height:70px; box-sizing: border-box; padding:24px 20px 0px 20px; font-size: 14px; line-height: 20px; text-align: left;  margin:0 auto; color: #666; background:#fff; box-shadow:0px 0px 20px #d2ddeb; position: relative;}
 

.warp1 li:hover img{transform: rotateY(360deg);}

.warp1 li:hover a{ -moz-box-shadow:0px 0px 40px #e0e0e0; -webkit-box-shadow:0px 0px 40px #e0e0e0; box-shadow:0px 0px 40px #9ebfe6; background: #0d4da1; color: #fff;}




















.cont3{width: 100%; padding: 0px 0px 0px 0px; background:#f7faff ; background-size: cover;}
.c3c{width: 100%; margin: 0 auto;}

.c3cl{width: calc(50% - 80px); float: left; height: 100%; background-size: cover;}
.c3cl img{ display: block; width:100%; height: auto; }

.c3cr{width: calc(50% + 80px); float: right;  padding: 60px 0px 80px 0px;}

.c3cr_1{width: 100%; padding-bottom: 30px; line-height:30px; font-size: 26px; color: #222; }
.c3cr_1 h4{font-size: 18px; text-transform: uppercase; color: #666; line-height: 40px;}

.c3cr_2{width: 100%; line-height: 35px; line-height: 35px; font-size: 16px; color: #555;}
.c3cr_2 p{line-height: 32px;}

.c3cr_3{width: 100%; padding-top: 30px;}
.c3cr_3 a{display: block; width: 180px; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 16px; background: #0d4da1; transition: 0.5s;}
.c3cr_3 a:hover{background: #ee0000; color: #fff;}

.c3cr_cont{width: 700px; float: left; padding-left: 70px;}


.c3cr_4{width: 100%; padding-top: 30px;}
.c3cr_4 a{display: block; width: 180px; height: 45px; margin:0 auto; line-height: 45px; text-align: center; color: #fff; font-size: 16px; background: #0d4da1; transition: 0.5s;}
.c3cr_4 a:hover{background: #ee0000; color: #fff;}





.tcon1{width:100%; max-width:1200px; line-height:40px; margin:0 auto; text-align:center; padding:20px 0px 20px 0px;}
.tcon1 a{display:inline; padding:8px 20px 8px 20px; font-size:16px; border:#e5e5e5 1px solid; border-radius:30px; margin:0px 2px 0px 2px; transition:0.5s;}
.tcon1 a:hover{ background:#0d4da1; color:#fff; border:#0d4da1 1px solid;}





.cont8{width:100%; min-height:50px; padding:60px 0px 80px 0px; background:#f7f7f7;}


.run{ width:1225px; height:370px; margin:0 auto;  padding-top:10px; padding-bottom:0px;}
/* examples_body */
.examples_body {width:1200px; height:370px; margin:0px auto;clear: both;position: relative; padding-right:0px;}
.bx_wrap { text-align:center;margin-left:0px;}
.bx_wrap ul img { border:0; }
.bx_wrap a.prev {width:56px;height:360px; outline-style: none;outline-width: 0;position: absolute;top:0px;left:8px;text-indent: -9999px; z-index:88; background:url(../images/o1.png) center center no-repeat;}

.bx_wrap a.next {width:56px;height:360px; right:14px; outline-style: none;outline-width: 0;position: absolute; top:0px; text-indent: -9999px; z-index:88; background:url(../images/o2.png) center center no-repeat;}

#example1 li{display:block; width:380px; height:360px; text-align:center; box-sizing:border-box; padding:5px; border:#e2e2e2 1px solid; background:#fff url(../images/fgh.png) right bottom no-repeat; position:relative; text-align:center; margin:0px 9px 0px 9px !important;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; border-radius:0px;}
#example1 img{max-width:100%; height:280px; display:block; margin:0 auto; margin-bottom:7px; }


#example1 li h2{ width:85%; margin:0 auto; text-align:center; font-size:16px; line-height:40px; font-weight: normal; padding:10px 0px 10px 0px; -webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; border-top:#e5e5e5 1px solid;}


#example1 li:hover{ background:#fff url(../images/fgh.png) left bottom no-repeat;}














.innews{ width:90%; max-width:1300px; margin:0 auto; padding-top:10px;}
.innews .swiper-container {
      width: 100%;
      height: 100%;
    }

.innews .swiper-slide {padding:10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  box-sizing:border-box;
	  transition:0.5s;
	  position:relative;
	  

    }
	
.innews .swiper-slide a{display:block; width:100%; background:#fff; padding-bottom:15px; box-shadow:0px 0px 10px rgba(0,0,0,0.1); transition:0.5s;}	
	
.innews .swiper-slide:hover a{background:#0d4ea2;}
.innews .swiper-slide:hover h2{color:#fff;}
.innews .swiper-slide:hover p{color:#fff;}
.innews .swiper-slide:hover .innews_time{color:#fff;}
	
	
.innews .swiper-slide h2{font-size:16px; font-weight:400; color:#333; text-align: center; border-bottom:#e5e5e5 0px solid; line-height:22px; width:88%; margin:0 auto; padding-top:20px; padding-bottom:15px; transition:0.5s; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}	

.innews .swiper-slide .innews_time{width:85%; font-size:15px; line-height:26px; text-align: center; color:#aaa; overflow:hidden; margin:0 auto;transition:0.5s; padding: 25px 0px 20px 0px;}
.innews .swiper-slide .innews_time span{display: inline; font-size:12px; float:right; margin-top:20px; line-height:20px; padding:2px 20px 2px 20px; border:#e5e5e5 1px solid; border-radius:20px;}


.innews .swiper-slide img{display:block; width:100%; height:auto;}



.innews .swiper-button-next:after{ font-size:20px !important;}
.innews .swiper-button-prev:after{ font-size:20px !important;}

.innews .swiper-button-next{top:35%;  right:20px;color:#15519c; text-shadow:#C2C2C2 1px 1px 3px;}
.innews .swiper-button-prev{top:35%; left:20px; color:#15519c; text-shadow:#C2C2C2 1px 1px 3px; }


.innews .swiper-pagination-bullets{display:none;}











.afooter{width:100%; height: auto; padding-top:0px;  background:#151c28; padding-bottom:0px; color:rgba(255,255,255,0.6); line-height:28px;}
.afooter p{line-height:28px;}
.afooter a{color:rgba(255,255,255,0.6);}
.afooter a:hover{color:rgba(255,255,255,1);}

.afooter1{width:100%; min-height:60px; border-bottom:#212833 1px solid; padding:35px 0px 35px 0px;  color:rgba(255,255,255,0.6); font-size:16px;}
.afooter1c{width:1300px; margin:0 auto;}
.afooter1c h3{font-size:24px; color:#fff; font-weight:bold; line-height:60px; padding-bottom:6px;}

.afooter1c .left{width: 60%; float: left;}
.afooter1c .right{width: 35%; float: right; text-align: right; font-size: 14px; padding-top: 60px;}
.afooter1c .right a{display: inline; padding: 5px 20px 5px 20px; margin-left: 4px; background: rgba(255,255,255,0.1); margin-bottom: 5px;}


.afooter2{width:1300px; height:100px; margin:0 auto; padding-top:25px; font-size:16px; color:rgba(255,255,255,0.8);}
.afooter2 ul li{display:block; height:80px; float:left; box-sizing:border-box;}
.afooter2 li:nth-child(1){ width:32%; background: url(../img/c1.jpg) left top no-repeat; padding-left:80px;}
.afooter2 li:nth-child(2){ width:32%; background: url(../img/c2.jpg) left top no-repeat; padding-left:80px;}
.afooter2 li:nth-child(3){ width:36%; background: url(../img/c3.jpg) left top no-repeat; padding-left:80px;}


.afooter3{width:100%; min-height:25px; line-height:25px; padding:20px 0px 20px 0px; background: #090f18;}
.afooter3c{width:1300px; margin:0 auto; line-height:25px;}

.afooter3c .left{width: 70%; float: left;}
.afooter3c .right{width: 25%; float: right; text-align: right;}







#footer{width:100%; height: auto; padding-top:50px; font-size:15px; background:#104080; margin-top:0px; padding-bottom:50px; color:rgba(255,255,255,0.5); line-height:28px; border-top:#195a81 0px solid;}
#footer a{color:rgba(255,255,255,0.5);}
#footer a:hover{color:rgba(255,255,255,0.9);}

#footer h2{font-size:18px; width:100%; line-height:23px; color:#fff; padding-bottom:20px; font-weight:500;}
#footerc{width:1300px; height:; margin:0 auto; position:relative; line-height:35px;}
#footerc p{ line-height:35px;}
#footercl{width:1300px; height:; float:left; padding-bottom:0px; }
#footercl ul li{display:block; width:160px; height:; float:left; padding-left:0px;  line-height:30px;  margin-right:20px;}

#footercl li.clt{ width:360px; height:; float:left; line-height:30px; padding-left:10px; border:none;}
#footercl li.clt p{line-height:30px;}
#footercl li.clt span{ font-size:16px; font-weight:bold;}

.licc{width:420px !important;}
.licc a{display:block; width:50%; float:left;}

#footert{width:100%; min-height:25px; line-height:25px; padding:20px 0px 20px 0px; text-align:center; color:rgba(255,255,255,0.6); font-size:15px; background:#000; border-top:#225597 1px solid;}
#footert a{ color:rgba(255,255,255,0.5);}
#footert a:hover{color:rgba(255,255,255,0.9);}

#footertc{width:1200px; margin:0 auto;}

#footercr{ float:right; width:174px; height:215px; line-height:50px; }
#f_wx{ width:200px; height:250px; position:absolute; top:8px; right:0px; text-align:center;}
#f_wx img{ margin-bottom:6px;}
